<!--
 * @author: liubing
 * @Date: 2020-12-16 20:06:32
 * @desc: 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/webgl-tutorials.css">
    <link rel="stylesheet" href="../css/style.css">
    <title>Quest10</title>
</head>
<body onload="main()">
    <div id="uiContainer">
        <div id="ui">
            <div id="boxSize"></div>
            <div id="box_X"></div>
            <div id="box_Y"></div>
            <div id="box_Z"></div>
            <div id="camera_X"></div>
            <div id="camera_Y"></div>
            <div id="camera_Z"></div>
            <div id="lightCubeSize"></div>
            <div id="light_X"></div>
            <div id="light_Y"></div>
            <div id="light_Z"></div>
            <div id="lightRotationX"></div>
            <div id="lightRotationY"></div>
            <div id="innerLimit"></div>
            <div id="outerLimit"></div>
            <div id="pointLight_R"></div>
            <div id="pointLight_G"></div>
            <div id="pointLight_B"></div>
        </div>            
    </div>
    <canvas id="canvas_1">
        <p>unsupport webgl</p>
    </canvas>
    <script src="../lib/webgl-lessons-ui.js"></script>
    <script src="../lib/cuon-matrix.js"></script>
    <script src="utils.js"></script>
    <script src="https://webglfundamentals.org/webgl/resources/m4.js"></script>
    <script src="quest10.js"></script>
</body>
</html>
